<template>
    <div id="hotel">
        <!--{{allHotel}}-->
        <div class="product-dedail">
            <div class="product-list" v-for="(v,k) in allHotel">
                <!--{{v[0].belongs.img}}-->
                <div class="img-ctrl">
                    <img :src="v[0].belongs.img">
                </div>
                <div v-for="h in v" class="img-ctrl">
                    <router-link :to="{path:'/hotel/msg',query:{_id:h._id}}">
                      <img :src="h.showimg">  
                    </router-link>
                    
                </div>
            </div>
        </div>
        <Footbar></Footbar>
    </div>
</template>

<script>
    import { mapState } from 'vuex'
    export default {
        computed: {
            ...mapState([
                "allHotel"
            ])
        },
    }

</script>

<style scoped>
    #hotel{
        margin-top: 0.56rem;
        padding: 0 0.1rem;
    }
    .product-dedail{
        padding-top: 0.05rem;
    }
    img{
        width: 100%;

    }
    .img-ctrl{
        width: 100%;
        margin-top: -0.05rem;
    }
</style>